const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer :{
    // 自动打开浏览器配置
    open : true ,
    // 配置主机地址
    host : "192.168.14.65",
    // 配置端口号：
    port:5556,
    // 配置是否开启服务器压缩
    compress:true,
    proxy:{
       //我们可能会配置多个代理,每一个代理都起一个名字作为这个配置对象的key,未来通过把这个名字作为请求前缀来区分使用哪一个代理
       "/dev-api1":{
        // 目标服务器地址
        target:"http://gmall-h5-api.atguigu.cn/",
        // 是否开启WebSocket协议
        // ws：true,
        //是否在跨域的时候,把请求的源改为目标地址(一般写为true),这样目标地址就会放行
        changeOrigin:true,
         //如果需要去请求代理,则把请求地址的的前缀替换(前缀的作用只是为了找到对应的代理)
         pathRewrite:{
          "^/dev-api1": "" ,
         }
       }
    }
  },
  
  //是否打开esLint检测(默认是true)
  // lintOnSave: false,

   //配置路径别名
  //如果configureWebpack这个值是一个对象，则会通过 webpack-merge 合并到最终的配置中
  configureWebpack :{
    resolve:{
      alias:{
        "@comp":"@/components",
      }
    }
  }

})
